/* Navigation Menus */
/*****************************************/

/* Side Navigation Menus */
.sideMenu {
  font-family:Arial, sans-serif;
  width:200px;
  margin-bottom: 10px;
}

/* Nav Heading */
.sideMenu h1 {
  margin:0px;
  font-size: 110%;
  padding:10px;
  font-style: italic;
  background-color: #FF9000;
  color:#fff;
  font-weight: bold;
  border:1px solid #6E8B3D;
  border-bottom :0px;
  -moz-border-top-left-radius: 15px;
  -webkit-border-top-left-radius: 15px;
  border-top-left-radius: 15px;
  -moz-border-top-right-radius: 15px;
  -webkit-border-top-right-radius: 15px;
  border-top-right-radius: 15px;
}
/* Shadow for main ul */
.sideMenu > ul {
  margin: 0px;
  padding: 0px;
  -moz-box-shadow: 5px 5px 5px #888;
  -webkit-box-shadow: 5px 5px 5px #888;
  box-shadow: 5px 5px 5px #888;
  border-bottom:1px solid #A65E00;
}

/* Border for main cells of Nav */
.sideMenu > ul > li {
  border:1px solid #A65E00;
  border-bottom:0px;
  margin: 0px;
  padding:0px;
}

/* Border for submenu cells of Nav */
.sideMenu > ul > li > ul > li, .sideMenu > ul > li > ul > li > ul > li {
 border-top:1px solid #A65E00;
}

/* Applies generally to all links */
.sideMenu ul li a {
  text-decoration: none;
  display:block;
  padding:10px;
  background-color: #FFC273;
  color:#0A64A4;
}


/* Individual cells of hover menu - border*/
.sideMenu ul li ul.submenu li, .sideMenu ul li ul li ul.submenu li {
  border:1px solid #A65E00;
  border-bottom:0px;
}

/* Last line of hover menus - border */
.sideMenu > ul > li > ul.submenu, .sideMenu > ul > li > ul.submenu > li > ul.submenu  {
  border-bottom:1px solid #A65E00;
}

/* Indentation */
.sideMenu ul li ul {
  text-indent: 15px;
}

.sideMenu  ul li ul li ul {
  text-indent: 30px;
}

/* Hover Menu Specific Styling */
.sideMenu > ul > li:hover, .sideMenu > ul > li > ul > li:hover {
  position : relative;
}

/* First links */
.sideMenu > ul > li:hover > a {
  background-color: #FFAC40;
  color : #4F2982;
}

.sideMenu > ul > li > a.selected {
  background-color: #FFAC40;
  border-right:5px solid #8B6508;
}

/* Second links */
.sideMenu > ul > li > ul  > li:hover > a {
  background-color: #fff273;
  color : #4F2982;
}

.sideMenu > ul > li > ul  > li > a.selected {
  background-color: #fff273;
  border-right:5px solid #8B6508;
}

/* Third links */
.sideMenu > ul > li > ul > li > ul > li:hover > a {
  background-color: #BFB230;
  color : #4F2982;
}

.sideMenu > ul > li > ul > li > ul > li > a.selected {
  background-color: #BFB230;
  border-right:5px solid #8B6508;
}


/* Hiding of submenu content */
.sideMenu > ul > li > ul.submenu, .sideMenu > ul > li > ul > li > ul.submenu {
  position : absolute;
  top : 0px;
  left : 100%;
  width: 200px;
  z-index: 10;
  display : none;
}

/* Display of submenu content */
.sideMenu > ul > li:hover > ul.submenu, .sideMenu > ul > li > ul > li:hover > ul.submenu {
  display : block;
}

/* Display of arrow */
.sideMenu span{
	display:block;
	background-image:url(../img/arr_right.gif);
	background-position:right center;
	background-repeat: no-repeat;
  padding-right:5px;
}

/* Horizonal Navigation Menus */

.horizontalMenu {
  font-family:Arial, sans-serif;
  display: block;
	z-index:100;
}

.horizontalMenu h1 {
  display:none;
}

/* Width of menu elements */
.horizontalMenu > ul > li {
  width:100px;
}
/* Width of submenu elements */
.horizontalMenu > ul > li ul li{
  width:100px;
}

/* Border around main cells */
.horizontalMenu > ul > li {
  float:left;
  margin: 0px;
  padding: 0px;
}

/* Hover color for main cells */
.horizontalMenu > ul > li:hover > a {
  color:#276683;
}

.horizontalMenu > ul > li > ul > li > a {
  background-color: #276683;
  color :#dcc041;
  text-decoration: none;
  text-align: center;
}

/* Background color on hover */
.horizontalMenu > ul > li > ul > li:hover > a {
  color :#FFF;
  text-shadow: 2px 2px 2px #000;
}
/* Color of second submenu text on hover */
.horizontalMenu > ul > li > ul > li > ul > li:hover > a {
  color :#dcc041;
}

/* Opacity */
.horizontalMenu > ul > li > ul > li {
  opacity:.65;
  filter:alpha(opacity=65);
  filter: "alpha(opacity=65)";
}

/* Applies generally to all links */
.horizontalMenu ul li a {
  display:block;
  text-decoration: none;
  padding:8px;
  color:#888;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  border-right: 1px solid #DDD;
}

.horizontalMenu > ul > li:hover, .horizontalMenu > ul > li > ul > li:hover {
  position : relative;
}

/* Hiding of submenu content */
.horizontalMenu > ul > li > ul {
  position : absolute;
  left : 0%;
  top : 100%;
  z-index: 10;
  display : none;
}
/* Hiding of submenus */
.horizontalMenu > ul > li > ul > li > ul {
  position : absolute;
  left : 100%;
  top : 0px;
  z-index: 10;
  display : none;
}

/* Borders of submenu cells */
.horizontalMenu > ul > li > ul > li, .horizontalMenu > ul > li > ul > li > ul > li {
  border:1px solid #333;
  border-bottom : 0px;
}
/* Border of last cell in submenus */
.horizontalMenu > ul > li > ul, .horizontalMenu > ul > li > ul > li > ul  {
  border-bottom:1px solid #333;
}

/* Displaying submenus */
.horizontalMenu > ul > li:hover > ul, .horizontalMenu > ul > li > ul > li:hover > ul {
  display : block;
  box-shadow: 3px 3px 3px #888;
}

/* Displaying of icons */
.horizontalMenu > ul > li > a > span{
	display:block;
	background-image:url(../img/arr_down.gif);
	background-position:right center;
	background-repeat: no-repeat;
  padding-right:5px;
}

.horizontalMenu > ul > li > ul > li > a > span{
	display:block;
	background-image:url(../img/arr_right.gif);
	background-position:right center;
	background-repeat: no-repeat;
  padding-right:5px;
}

/* Tabular submenu */
.horizontalMenu > ul > li > table {
  border-right: 1px solid #DDD;
  border-collapse: collapse;

  position : absolute;
  z-index: 10;
  display : none;
  width: 100%;

  opacity:.90;
  filter:alpha(opacity=90);
  filter: "alpha(opacity=90)";

}

.horizontalMenu > ul > li > table tr td {
  /*border-right: 1px solid #dcc041;*/
  border-bottom: 1px dotted #CCC;
  border-right: 1px dotted #CCC;
  padding : 0px;
  background-color: #276683;
  margin-right: 3px;
}

.horizontalMenu > ul > li > table tr:last-child  {
  border-bottom: 3px solid #333;
}

.horizontalMenu > ul > li > table tr td:last-child  {
  border-right: 3px solid #333;
}

/* Displaying tabular submenus */
.horizontalMenu > ul > li:hover > table {
  display : block;
  position: absolute;
}

.horizontalMenu > ul > li > table a {  
  color :#dcc041;
  text-decoration: none;
  text-align: center;
  width: 80px;
  border-right: 0;
  font-size: 12px;

}

.horizontalMenu > ul > li > table a:hover {
  color :#FFF;
  text-shadow: 2px 2px 2px #000;
}